<template>
 <Header :title="RoomData.title" :subtitle="RoomData.subtitle"></Header>
<div class="Container">
    <template  v-for="item in RoomData.list" :key="item.id" >
      <room-item :RoomItem="item"></room-item>
    </template>
</div>
</template>
<script setup>
import Header from './Header.vue'
import RoomItem from './roomItem.vue' 
defineProps(
    {
        RoomData: {
            type: Object,
            default:{}
        }
    }
)
</script>
<style scoped lang="less">
.Container
{
   display: flex;
   flex-wrap:wrap;
   justify-content: space-between;
   width: 1032px;
   margin: 0 auto;
}
</style>